<template>
  <div>
    <CodeCard v-bind="btnDesc">
      <sdn-link href="https://element.eleme.io" target="_blank">默认链接</sdn-link>
      <sdn-link type="primary">主要链接</sdn-link>
      <sdn-link type="success">成功链接</sdn-link>
      <sdn-link type="warning">警告链接</sdn-link>
      <sdn-link type="danger">危险链接</sdn-link>
      <sdn-link type="info">信息链接</sdn-link>
      <template #annotation></template>
    </CodeCard>
  </div>
</template>

<script>


export default {
  components: {
    
  },
  data() {
    return {
      input: ''
    }
  },
  methods: {},
  setup() {
    const btnDesc = {
      title: "Link 文字链接",
      describe: "文字超链接",
      codeBlock: `<sdn-link href="https://element.eleme.io" target="_blank">默认链接</sdn-link>
      <sdn-link type="primary">主要链接</sdn-link>
      <sdn-link type="success">成功链接</sdn-link>
      <sdn-link type="warning">警告链接</sdn-link>
      <sdn-link type="danger">危险链接</sdn-link>
      <sdn-link type="info">信息链接</sdn-link>`,
      attrs: [
        {
          "name": "type",
          "describe": "类型",
          "type": "string",
          "emun": "primary / success / warning / danger / info",
          "default": "default"
        }, {
          "name": "underline",
          "describe": "是否下划线",
          "type": "boolean",
          "emun": "—",
          "default": "TRUE"
        }, {
          "name": "disabled",
          "describe": "是否禁用状态",
          "type": "boolean",
          "emun": "—",
          "default": "FALSE"
        }, {"name": "href", "describe": "原生 href 属性", "type": "string", "emun": "—", "default": "-"}, {
          "name": "icon",
          "describe": "图标类名",
          "type": "string",
          "emun": "—",
          "default": "-"
        }]
    };
    return {
      btnDesc,
    };
  },
};
</script>

<style scoped>
.demo {
  margin-bottom: 0.1rem;
  max-width: 50%;
}
</style>
